<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>代约团课</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" name="viewport">
	<link rel="stylesheet" href="css/weui.min.css">
	<link rel="stylesheet" href="css/jquery-weui.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/homePage.css">
	<link rel="stylesheet" href="css/flexible.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/flexible.js"></script>
	<script src="js/fitnesslist.js"></script>
</head>
<body>
	<div class="courseDateDiv clearfix Substitution_header">
		<p class="courseDateShow-span fl" id="courseDateShow"></p>
		<div class="courseDate-icon fr">
			<img src="images/calendar_icon.png" alt="">
			<input class="courseDate-input" id="courseDate_input" inputreadonly="true" readonly="readonly">
		</div>
	</div>
	<div class="courseDate-panel">
		<ul class="course-week clearfix">
			<li>日</li>
			<li>一</li>
			<li>二</li>
			<li>三</li>
			<li>四</li>
			<li>五</li>
			<li>六</li>
		</ul>
		<div class="swiper-container">
			<div class="swiper-wrapper" id="course_date">
				
			</div>
		</div>
	</div>
	<div class="Substitution_list Substitution_course">
		<div class="group_details group_details_state clearfix" style="padding-right: 0.5rem;">
			<div class="fl"><img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img"></div>
			<div class="spinning_txt fl" style="padding-top:0;">
				<p><span class="spinning_txx">动感单车</span><span class="spinning_name">曲婷婷</span></p>
				<p><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
				<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
			</div>
			<div class="appointment fr">预约</div>
		</div>
		<div class="group_details group_details_state clearfix" style="padding-right: 0.5rem;">
			<div class="fl"><img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img"></div>
			<div class="spinning_txt fl">
				<p ><span class="spinning_txx">动感单车</span><span class="spinning_name">曲婷婷</span></p>
				<p ><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
				<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
			</div>
			<div class="fixedclass fr">固定班级</div>
		</div>
		<div class="group_details group_details_state clearfix" style="padding-right: 0.5rem;">
			<div class="fl"><img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img"></div>
			<div class="spinning_txt fl">
				<p><span class="spinning_txx">动感单车</span><span class="spinning_name">曲婷婷</span></p>
				<p><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
				<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
			</div>
			<div class="fixedclass fr">取消预约</div>
		</div>
		<div class="group_details group_details_state clearfix" style="padding-right: 0.5rem;">
			<div class="fl"><img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img"></div>
			<div class="spinning_txt fl">
				<p><span class="spinning_txx">动感单车</span><span class="spinning_name">曲婷婷</span></p>
				<p><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
				<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
			</div>
			<div class="hasbeen fr">预约已过</div>
		</div>
	</div>
	<div class="footer_bar Substitution_footer">
		<ul class="clearfix">
			<li>
				<a href="javascript:void(0);" class="first_a">
					<p>首页</p>
				</a>
			</li>
			<li>
				<a href="javascript:void(0);" class="second_a foot_active">
					<p>团课</p>
				</a>
			</li>
			<li>
				<a href="javascript:void(0);" class="thrid_a">
					<p>私教</p>
				</a>
			</li>
			<li>
				<a href="javascript:void(0);" class="four_a">
					<p>更多</p>
				</a>
			</li>
		</ul>
	</div>
	<script src="js/jquery-weui.js"></script>
	<script src="js/swiper.min.js"></script>
</body>
</html>